<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<title>合作加盟</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/animate.min.css" />
	<link rel="stylesheet" href="css/wxstyle.css" />
	<link rel="stylesheet" type="text/css" href="css/pcgwbase.css" />


</head>

<body class="wyhome">

	<!--轮播-->
	<div id="collaborate" v-cloak>
		<div class="xybanner">
			<div id="header" v-cloak></div>
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				<div class="carousel-inner" role="listbox">
					<div class="item active">
						<img :src="bannerImage" alt="..." style="width:100%;">
					</div>
				</div>
			</div>
		</div>

		<div class="about_block">
			<div class="about_tab ">
				<ul class="container about_tabli">
					<li v-for="(item,index) in joinUsList" :key="index" :class="index ==0 ? 'active':''">
						<a>{{item.joinTypeName}}</a></li>
				</ul>
			</div>


			<div class="about_bos about_tablibox" v-for="(item,index) in joinUsList" :key="index"
				:style="index == 0?'display:block;':'display:none;'">
				<div class="container">
					<div>
						<div class="about_bosleft">
							{{item.introduction}}
						</div>
						<div class="about_bosright">
							<img src="img/about.jpg">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>





	<div id="footer"></div>

</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

<script type="text/javascript" src="js/vue.min.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.bootcss.com/qs/6.8.0/qs.min.js"></script>
<script type="text/javascript" src="js/web/axiosconfig.js"></script>
<script type="text/javascript" src="js/web/collaborate.js"></script>
<script>
	$("#header").load("header.html");
	$("#footer").load("footer.html");
	$(".about_tabli li").removeClass("active")
	$(".about_tablibox").hide()
	$(".about_tabli li").eq(0).addClass("active")
	$(".about_tablibox").eq(0).show()
	$(".about_tabli").on("click", "li", function () {
		$(".about_tabli li").removeClass("active")
		$(this).addClass("active")
		$(".about_tablibox").hide()
		$(".about_tablibox").eq($(this).index()).show()
	})
</script>

</html>